<template>
	<view>
		<view class="container">
			<view class="title">
				{{ info.title }}
			</view>
			<view class="content" v-html="info.content"></view>
			<view class="time flex">
				{{ info.time }}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: '',

				info: {}
			}
		},
		onLoad(e) {
			this.id = e.id
			this.getInfo()
		},
		methods: {
			getInfo() {
				this.$post({
					module: 'Content',
					interface: 3001,
					data: {
						id: this.id
					}
				}).then(res => {
					// console.log(res);
					this.info = res
				})
			}

		},
	}
</script>

<style scoped lang="scss">
	.container {
		margin-top: 20rpx;
		padding-top: 30rpx;
		background: linear-gradient(180deg, #FFF5F4 0%, #FFFFFF 14%);
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		.title {
			padding: 0 30rpx;
			font-size: 32rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #000000;
		}
		.content {
			padding: 32rpx;
			/deep/img {
				width: 100%;
				height: auto;
			}
		}
		.time {
			padding: 0 30rpx;
			font-size: 20rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			justify-content: flex-end;
		}
	}
</style>
